@import './variable.scss'; // css变量
  .publish-img-box{
    width:30%;
    overflow:hidden;
    background: #fff;
    box-sizing: border-box;
  }
  .publish-img-box-w100{
    width:100%;
  }
  .publish-img-box-padding{
    padding: .37rem .22rem;
  }

  .pic-grid{
    .wrap{
      border:1px dashed $mainColor;
    }
    .pic-grid-item{
      position:relative;
      margin: .06rem;
      .icon-close{
        position:absolute;top:-0.074rem;right:-0.074rem;
      }
    }
    .pic-grid-item-add{
      border:.02rem solid #909399;
      border-radius:.02rem;
      .iconfont{
        display: inline-block;
        padding-top: .5rem;
        font-size:1rem;
      }
    }
  }

  .space-add-box{
    position: relative;
    padding: 0.074rem;
    width:100%;
    text-align: center;
    min-height: 2rem;
    box-sizing: border-box;
    border:1px dashed $mainColor;
    background-color:#fff;
    border-radius: .1rem;
    .media-icon{
      display: inline-block;
      margin-top:.25rem;
      width: 100%;
      height: 1.2rem;
      color:$mainColor;
      font-size: 1.2rem;
      background-color:#fff;
      background-size:60%;
      background-position:50% 30%;
      background-repeat: no-repeat;
    }
    .icon-xiangji{
      margin-top:.3rem;
      font-size:1rem;
    }
    // .camera-icon{
    //   background-image:url('../../../static/img/icon-camera.png');
    // }

    .txt{
      display: block;
    }
  }

  .file-input{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    outline: none;
    background-color: transparent;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }